<!--
 * @Author: '浪川' '1214391613@qq.com'
 * @Date: 2025-07-05 16:20:35
 * @LastEditors: '浪川' '1214391613@qq.com'
 * @LastEditTime: 2025-07-21 15:37:58
 * @FilePath: \passiflora-edulis-sims\src\components\BooKDisplayComponent.vue
 * @Description: leaferjs的展示效果
 *
 * Copyright (c) 2025 by '1214391613@qq.com', All Rights Reserved.
-->

<script lang="ts" setup>
import { onMounted } from 'vue'

import { useLearferAppStore } from 'src/stores/leafer-app-store'

const frames_store = useLearferAppStore()

onMounted(() => {
  frames_store.create_app()
})
</script>
<template>
  <div style="padding: 1px; background-color: #ecfcff">
    <div id="leafer-view"></div>
  </div>
</template>
<style lang="sass" scoped>
#leafer-view
  position: absolute;
  height:90vh
  left:0;
</style>
